2

1.包的地址

  1. npm地址:https://www.npmjs.com/package/chalk
  2. github地址:https://github.com/chalk/chalk

下面只是对这个包做一个简单的说明,更多细节还是需要查看源代码,或者查看 github 上的官方文档。

2.作用

chalk 包的作用是修改控制台中字符串的样式,包括:

  1. 字体样式(加粗、隐藏等)
  2. 字体颜色
  3. 背景颜色

3.安装

3-1 npm 安装

$ npm install chalk --save-dev

3-2 yarn 安装

$ yarn add chalk --dev

4.使用

chalk 支持两种方式使用:常规的调用方式和模板中使用的方式。

4-1 常规使用

const chalk = require('chalk');
console.log(chalk.red.bold.bgWhite('Hello World'));

上面代码执行的结果是,Hello World 加粗,字体颜色是红色,背景颜色是白色。

注意:背景颜色要在 bg 后面加上具体的颜色,颜色的第一个字母大写。

在 HTML 中支持 RGB 颜色,在这里同样支持,而且是支持所有 HTML 中支持的颜色,如十六进制颜色。这里仅仅说明十六进制颜色。

下面的代码会和上面的代码实现相同的效果。

const chalk = require('chalk');
console.log(chalk.rgb(255,0,0).bold.bgRgb(255,255,255)('Hello World'));

4-2 模板使用

该模块有一个好的地方,就是支持模板输出,也就是说,不管在字符串中的哪个位置想改变输出的颜色,都是可以的。

const chalk = require('chalk');
console.log(chalk`{red.bold.bgWhite Hello World}`);

当然,也可以使用 RGB 颜色值。

const chalk = require('chalk');
console.log(chalk`{rgb(255,0,0).bold.bgRgb(255,255,255) Hello World}`);

对该模块的使用,暂时就介绍那么多。有时间的话可以研究一下源码。


沫俱宏
763 声望33 粉丝

自己的肯定最重要,做任何决定,一定要从内心出发